<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>榜单-喜欢-列表</title>
    <!-- **************通用头部  每页页面都引入  start-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">
<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css">
<link rel="stylesheet" type="text/css" href="./AmazeUI/assets/css/amazeui.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<script type="text/javascript" src="./js/common/jquery-1.9.1.js"></script>
<script type="text/javascript" src="AmazeUI/assets/js/amazeui.js"></script>
<script type="text/javascript" src="js/plugin/layer/layer.js"></script>
<script type="text/javascript" src="js/plugin/jquery.ba-throttle-debounce.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!-- **************通用头部  每页页面都引入  end-->
</head>

<body>
    <!-- 头部  start****************************************************** -->
    <div class="coms-layout-header">
        <a href="#" class="logo">小鱼生活消费大平台</a>
        <ul class="header-nav">
            <li class="active"><a href="">首页</a></li>
            <li><a href="">社区</a></li>
            <li><a href="">好店</a></li>
            <li><a href="">行业</a></li>
            <li><a href="">白卡</a></li>
        </ul>
        <div class="header-userinfo">
            <a class="info-name" href="javascript:;">onetao<span class="arrow"></span></a>
            <ul class="dropdown-list">
                <li><a href="#">操作1</a></li>
                <li><a href="#">操作2</a></li>
                <li><a href="#">操作3</a></li>
            </ul>
        </div>

        <div class="header-notice">
            <a class="tit" href="javascript:;">通知<b><i>8</i></b></a>
            <ul class="dropdown-list">
                <li><a href="#">操作1</a></li>
                <li><a href="#">操作2</a></li>
                <li><a href="#">操作31</a></li>
            </ul>
        </div>
    </div>
<!-- 头部  end****************************************************** --> <!-- side  start****************************************************** -->
<div class="coms-layout-aside">
    <div class="aside-unfold"><i class="iconfont f18">&#xe6d4;</i></div>
    <div class="aside-menu-scroll">
        <ul class="aside-menu">
            <li class="treeview active hactive">
                <a href="javascript:void(0)" data-tip="榜单管理">
                    <i class="iconfont f14">&#xe65d;</i>
                    <span class="txt">榜单管理</span>
                    <span class="more"></span> 
                </a>
                <ul class="treeview-menu">
                    <li>
                        <a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14"></i><span class="txt">榜单管理1-1</span></a>
                    </li>
                    <li class="treeview active hactive">
                        <a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                             <i class="iconfont f14">&#xe65d;</i>
                            <span class="txt">榜单管理1-2</span>
                            <span class="more"></span> 
                        </a>
                        <ul class="treeview-menu">
                            <li class="current"><a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14">&#xe65d;</i><span class="txt">榜单管理1-2-1</span></a></li>
                            <li><a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14">&#xe65d;</i><span class="txt">榜单管理1-2-2</span></a></li>
                            <li><a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14">&#xe65d;</i><span class="txt">榜单管理1-2-3</span></a></li>
                            <li><a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14">&#xe65d;</i><span class="txt">榜单管理1-2-4</span></a></li>
                        </ul>
                    </li>
                    <li class="current"><a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14">&#xe65d;</i><span class="txt">榜单管理1-3</span></a></li>
                    <li><a href="#"><span class="fl">&nbsp;&nbsp;&nbsp;&nbsp;</span><i class="iconfont f14">&#xe65d;</i><span class="txt">榜单管理1-4</span></a></li>
                </ul>
            </li>

            <li class="current">
                <a href="javascript:void(0)" data-tip="榜单管理">
                    <i class="iconfont f14">&#xe65d;</i>
                    <span class="txt">榜单管理</span>
                    <span class="more"></span> 
                </a>
               
            </li>
        </ul>
    </div>
</div>
<!-- side  end****************************************************** -->
<script type="text/javascript">
(function($) {
    $(function() {
        var $a = $(".aside-menu").find('.treeview').children('a');
        var $parent;
        var $aside=$(".coms-layout-aside");
        var $body=$("#J_coms-layout-body");
        $.each($a, function(index, el) {
            $(el).on("click", function() {
                var $this = $(this);
                $parent = $this.parent("li");
                if ($parent.hasClass('hactive')) {
                    $parent.removeClass('hactive');
                } else {
                    $parent.addClass('hactive');
                }
            })
        });
        $(".aside-unfold").on("click",function(){
            if($aside.hasClass('fold')){
                $aside.removeClass('fold');
                $body.removeClass('unfold');
            }else{
                $aside.addClass('fold');
                $body.addClass('unfold');
                $aside.find(".treeview").removeClass('hactive');
            }
        })
    })
})(jQuery)
</script>
    <div class="coms-layout-body p15" id="J_coms-layout-body">
        <div class="coms-elem-quote am-cf">
	<span class="fl f16">喜欢列表</span>
	<ol class="am-breadcrumb fr p0 m0"><li><a href="#">首页</a></li><li><a href="#">分类</a></li><li class="am-active">内容</li></ol>
</div>


        <div class="coms-table-wrap pl20 pr20 mt20">
            <!-- <div class="coms-table-hd clearfix no-border">
        <div class="am-form am-form-horizontal">
            <div class="am-form-group fl">
                <label class="am-para-label">榜单名称：</label>
                <div class="am-para-inline w200">
                    <input type="text" />
                </div>
            </div>
            <div class="am-form-group fl">
                <label class="am-para-label">类型：</label>
                <div class="am-para-inline w150">
                    <select required="" name="province">
                        <option value="">请选择</option>
                        <option value="option1">选项一...</option>
                        <option value="option2">选项二.....</option>
                        <option value="option3" disabled="">选项三........</option>
                    </select>
                </div>
            </div>
            <div class="am-form-group fl">
                <label class="am-para-label">分类：</label>
                <div class="am-para-inline w150 mr10">
                    <select required="" name="province">
                        <option value="">请选择</option>
                        <option value="option1">选项一...</option>
                        <option value="option2">选项二.....</option>
                        <option value="option3" disabled="">选项三........</option>
                    </select>
                </div>
                <div class="am-para-inline w150 mr10">
                    <select required="" name="province">
                        <option value="">请选择</option>
                        <option value="option1">选项一...</option>
                        <option value="option2">选项二.....</option>
                        <option value="option3" disabled="">选项三........</option>
                    </select>
                </div>
            </div>
            <div class="am-form-group fl ml20">
                <button type="button" class="am-btn am-btn-success w100">搜索</button>
            </div>
        </div>
    </div> -->
            <div class="coms-table-bd">
                <table class="am-table am-table-bordered">
                    <thead>
                        <tr>
                            <th width="50">
                                <input type="checkbox" />
                            </th>
                            <th width="15%"><span>时间</span><span class="sort" data-sort="asc"><i class="asc"></i><i class="desc"></i></span></th>
                            <th width="15%"><span>用户</span></th>
                            <th><span>榜单</span></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td>2017-12-20 13:13</td>
                            <td>onetao</td>
                            <td>榜单</td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td>2017-12-20 13:13</td>
                            <td>onetao</td>
                            <td>榜单</td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td>2017-12-20 13:13</td>
                            <td>onetao</td>
                            <td>榜单</td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" />
                            </td>
                            <td>2017-12-20 13:13</td>
                            <td>onetao</td>
                            <td>榜单</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="coms-table-ft clearfix">
                
                <div class="coms-pagination fr mr20">
    <span class="total">共100条数据</span>
    <a href="#" class="first">首页</a>
    <span class="first disabled">首页</span>
    <a href="#" class="prev">上一页</a>
    <span class="prev disabled">上一页</span>
    <a href="#" class="num">1</a>
    <span class="more">...</span>
    <a href="#" class="num">4</a>
    <a href="#" class="num">5</a>
    <span class="num current">6</span>
    <a href="#" class="num">7</a>
    <a href="#" class="num">8</a>
    <span class="more">...</span>
    <a href="#" class="num">20</a>
    <a href="#" class="next">下一页</a>
    <span class="next disabled">下一页</span>
    <span class="last disabled">末页</span>
    <span class="sel">
                <select>
                    <option value="10" selected="">10 条/页</option>
                    <option value="20">20 条/页</option>
                    <option value="30">30 条/页</option>
                    <option value="40">40 条/页</option>
                    <option value="50">50 条/页</option>
                </select>
            </span>
    <span class="skip">到第<input type="text" min="1" value="6">页<button type="button">确定</button></span>
</div>
            </div>
        </div>
    </div>
</body>

</html>